import React, { Component } from 'react'
import Navigation from 'components/Navigation/Navigation'
import back from 'images/nav/whiteback@3x.png'
import {HelpContainer} from './StyledChildView'
import {Link} from "react-router-dom"


const btnArr = [
    {
        tag:1,
        content:"一、乐帮团诚信公约",
        routePath:"/homeChildRouter/faith"
    },
    {
        tag:2,
        content:"二、乐帮团等级规则",
        routePath:"/homeChildRouter/rule"
    },
    {
        tag:3,
        content:"三、提现到账时间及体现未到账",
        routePath:"/homeChildRouter/billCenter"
    }
]
export default class Help extends Component {
    render() {
        return (
            <div>
                 <Navigation
                title = "帮助中心"
                leftMargin = '0 0 0 .15rem'
                leftWidth = '25%'
                titleSize = '.17rem'
                leftHeight = '.44rem'
                leftImg = {back}
                leftImgWidth = '.2rem'
                clickLeft = {()=>this.onClickLeft("left")}
                ></Navigation>
               <HelpContainer>
                   {
                    btnArr.map((value,index)=>(
                        <Link to={value.routePath} key={value.tag}>
                            <li>{value.content}</li>   
                         </Link>
                    ))
                      
                   }
               </HelpContainer>
            </div>
        )
    }
    onClickLeft(tag){
        this.props.history.go(-1)
    
      }
}
